<style>
.bottomNav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 56px;
    background-color: #fff;
    z-index: 9999;
    border-top: 1px solid #ddd;
}
.bottomNav li {
    float: left;
    width: 20%;
    /*  这25%代表底部栏4个按钮，你的数值是100除以按钮数，你是6按钮就100/6=16.6666 ,你填写16.6666就可以了  */
    text-align: center;
    height: 56px;
    position: relative;
}
.bottomNav img {
    width: 22px;
    height: 22px;
    left: 50%;
    margin-left: -11px;
    margin-top: 10px;
    position: absolute;
    border-radius: 50%;
}
.bottomNav p {
    color: #333;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
}
</style>
<!--底部栏 开始-->
<ul class="bottomNav">
<!-- 行40～42 代表一个按钮  增加按钮的时候请复制完整 按规则修改-->         
            <li>
                <a href="/index.php?r=index/wap"><img src="http://cmsstatic.dataoke.com/images/zx_tubiaoku/jrsx_o.png" alt=""><p style="color: #f00582">今日上新</p></a>
            </li>

        
            <li>
                <a href="/index.php?r=index/classify"><img src="http://cmsstatic.dataoke.com/images/zx_tubiaoku/mrbj_o.png" alt=""><p style="color: ">搜一搜</p></a>
            </li>

        
            <!--<li>-->
                <!--<a href="http://apphtml.ffquan.com/index.php?r=index/ios-down&app_id=676368"><img src="http://www.58sqhd.com/ke.png" alt=""><p style="color: ">APP下载</p></a>-->
            <!--</li>-->

        
            <li>
                <a href="/vip/index.php"><img src="http://fanyidian.cn/bjjx_o.png" alt=""><p style="color: ">免费影视</p></a>
            </li>
			
			
            <li>
                <a href="/vip/index.php"><img src="http://fanyidian.cn/bjjx_o.png" alt=""><p style="color: ">免费影视</p></a>
            </li>
        
    </ul>
<!--底部栏 结束-->    
<script type="text/javascript">
    var urlstr = location.href;
    //alert(urlstr);  
    var urlstatus = false;
    $(".nav a").each(function() {
        if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
            $(this).find("span").addClass('active');
            urlstatus = true;
        } else {
            $(this).find("span").removeClass('active');
        }
    });
    if (!urlstatus) {
        $(".menu span").eq(0).addClass('active');
    }
</script>